<!doctype html>                                                                                    
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 标题 -->
	<title>点菜-PAD</title>
	<!-- 关键词 -->
	<meta name="keywords" content="" />
	<!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->

	<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

	<!-- IE兼容 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 最新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<!-- 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/weui.css" />
	<link rel="stylesheet" href="css/style.css" type="text/css">
	<!-- jQuery文件 -->
	<script src="js/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/Dialog.js"></script>
	<script src="js/restindex.js"></script>
	<!-- <script type="text/javascript" src="/scripts/keyboard.js"></script> -->

</head>
<body onload="time()">
    <!-- Start index -->
    <div class="index">
        <div class="index-top">
            外婆家1号
        </div>
        <div class="index-center">
            <div class="row">
           	    <div class="col-sm-2">
           	        <div class="index-nav">
           	           <div id="showtime"></div>
           	           <p>还没员工操作过</p>
           	        </div>
           	    </div>
           	    <div class="col-sm-2">
           	        <div class="index-nav nav-home">
           	            <a href="index.html" class="active">首页</a>
           	        </div>
           	    </div>
           	    <div class="col-sm-2">
	           	    <div class="index-nav nav-home">
	           	        <a href="#">设置打印机</a>
	           	    </div>
           	    </div>
           	    <div class="col-sm-2">
	           	    <div class="index-nav nav-home">
	           	        <a href="#">修改密码</a>
	           	    </div>
           	    </div>
           	    <div class="col-sm-2">
	           	    <div class="index-nav nav-home nav-pad">
	           	        <a href="pad-select.html">切换PAD</a>
	           	    </div>
           	    </div>
           	    <div class="col-sm-2">
	           	    <div class="index-nav nav-home">
	           	        <a href="#">退出登录</a>
	           	    </div>
           	    </div>
            </div>
        </div>
        <div class="index-bottom clearfix">
        	<div class="left crl">
        		<ul class="tabbable">
	                <li class="active"><a href="#tab1" data-toggle="tab">包厢</a>
	                </li>
	                <li><a href="#tab2" data-toggle="tab">大厅</a>
	                </li>
		        </ul>
        	</div>
        	<div class="right crr">
        		<!-- 选项卡相对应的内容 -->
	            <div class="tab-content">
	                <!-- 包厢 -->
	                <div class="tab-pane active" id="tab1">
	                    <ul class="clearfix">
	                        <!-- 空闲中 -->
	                    	<li class="">
	                    	    <a href="#" class="tablepic tablepic0" id="table1" onclick="clicktable(table1)">
	                    	    	<span class="table-num">桌1<input type="hidden" class="tableid" value="1"></span>
	                    	    	<span class="table-status">空闲</span>
	                    	    </a>
	                    	</li>

	                    	<!-- 开单中 -->
	                    	<li class="">
	                    	    <a href="#" class="tablepic tablepic1" id="table2" onclick="clicktable(table2)">
	                    	    	<span class="table-num">桌2<input type="hidden" class="tableid" value="2"></span>
	                    	    	<span class="table-status">开单</span>
	                    	    </a>
	                    	</li>

	                    	<!-- 待审核 -->
	                    	<li class="">
	                    	    <a href="#" class="tablepic tablepic2" id="table3" onclick="clicktable(table3)">
	                    	    	<span class="table-num">桌3<input type="hidden" class="tableid" value="3"></span>
	                    	    	<span class="table-status">待审核</span>
	                    	    	<span class="table-people">(20人)</span>
	                    	    	<span class="table-price">¥1234.56</span>		
	                    	    </a>
	                    	    
	                    	</li>

	                    	<!-- 就餐中 -->
	                    	<li class="">
	                    	    <a href="#" class="tablepic tablepic3" id="table4" onclick="clicktable(table4)">
	                    	    	<span class="table-num">桌4<input type="hidden" class="tableid" value="4"></span>
	                    	    	<span class="table-status">就餐中</span>
	                    	    	<span class="table-people">(20人)</span>
	                    	    	<span class="table-price">¥1234.56</span>
	                    	    </a>
	                    	</li>

	                    	<!-- 结账中 -->
	                    	<li class="">
	                    	    <a href="#" class="tablepic tablepic4" id="table5" onclick="clicktable(table5)">
	                    	    	<span class="table-num">桌5<input type="hidden" class="tableid" value="5"></span>
	                    	    	<span class="table-status">结账中</span>
	                    	    	<span class="table-people">(20人)</span>
	                    	    	<span class="table-price">¥1234.56</span>
	                    	    </a>
	                    	</li>
	                    </ul>
	                </div>

                    <!-- 大厅 -->
	                <div class="tab-pane" id="tab2">
	                    <ul class="clearfix">
	                        <!-- 空闲中 -->
	                    	<li class="">
	                    	    <a href="#" class="tablepic tablepic0" id="table6" onclick="clicktable(table6)">
	                    	    	<span class="table-num">桌1<input type="hidden" class="tableid" value="6"></span>
	                    	    	<span class="table-status">空闲</span>
	                    	    </a>
	                    	</li>

	                    	<!-- 开单中 -->
	                    	<li class="">
	                    	    <a href="#" class="tablepic tablepic1" id="table7" onclick="clicktable(table7)">
	                    	    	<span class="table-num">桌2<input type="hidden" class="tableid" value="7"></span>
	                    	    	<span class="table-status">开单</span>
	                    	    </a>
	                    	</li>

	                    	<!-- 待审核 -->
	                    	<li class="">
	                    	    <a href="#" class="tablepic tablepic2" id="table8" onclick="clicktable(table8)">
	                    	    	<span class="table-num">桌3<input type="hidden" class="tableid" value="8"></span>
	                    	    	<span class="table-status">待审核</span>
	                    	    	<span class="table-people">(20人)</span>
	                    	    	<span class="table-price">¥1234.56</span>		
	                    	    </a>
	                  
	                    	</li>

	                    	<!-- 就餐中 -->
	                    	<li class="">
	                    	    <a href="#" class="tablepic tablepic3" id="table9" onclick="clicktable(table9)">
	                    	    	<span class="table-num">桌4<input type="hidden" class="tableid" value="9"></span>
	                    	    	<span class="table-status">就餐中</span>
	                    	    	<span class="table-people">(20人)</span>
	                    	    	<span class="table-price">¥1234.56</span>
	                    	    </a>
	                    	</li>

	                    	<!-- 结账中 -->
	                    	<li class="">
	                    	    <a href="#" class="tablepic tablepic4" id="table10" onclick="clicktable(table10)">
	                    	    	<span class="table-num">桌5<input type="hidden" class="tableid" value="10"></span>
	                    	    	<span class="table-status">结账中</span>
	                    	    	<span class="table-people">(20人)</span>
	                    	    	<span class="table-price">¥1234.56</span>
	                    	    </a>
	                    	</li>
	                    </ul>
	                </div>
	            </div>
        	</div>
        </div>
    </div>
    <!-- End index -->

    <div style="display: none;" id="actionsheetmenu0">
        <div class='weui_actionsheet_cell divweui_actionsheetmenu' ref="addfood">点餐</div>
    </div>

    
    <div style="display: none;" id="actionsheetmenu1">
        <div class='weui_actionsheet_cell divweui_actionsheetmenu' ref="changesta1T0">改成空闲</div>
    </div>

    
    <div style="display: none;" id="actionsheetmenu2">
        <div class='weui_actionsheet_cell divweui_actionsheetmenu' ref="confirm">确认</div>
        <div class='weui_actionsheet_cell divweui_actionsheetmenu' ref="changesta1T0">改成空闲</div>
    </div>

    
    <div style="display: none;" id="actionsheetmenu3">
         <div class='weui_actionsheet_cell divweui_actionsheetmenu' ref="addfood1">加餐</div>
        <div class='weui_actionsheet_cell divweui_actionsheetmenu' ref="checkout">结账</div>
    </div>

    
    <div style="display: none;" id="actionsheetmenu4">
        <div class='weui_actionsheet_cell divweui_actionsheetmenu' ref="checkout">结账</div>
    </div>

  
	<script type="text/javascript" src="js/keyboard.js"></script>
	<script language=Javascript> 
		function time(){
		    //获得显示时间的div
		    t_div = document.getElementById('showtime');
		   var now=new Date()
		    //替换div内容 
		   t_div.innerHTML = now.getFullYear()
		    +"年"+(now.getMonth()+1)+"月"+now.getDate()
		    +"日 "+now.getHours()+":"+now.getMinutes();
		    //等待一秒钟后调用time方法，由于settimeout在time方法内，所以可以无限调用
		   setTimeout(time,1000);
		  }
	</script>
	<script> 
		function clicktableTest(divid) {
		    $("#hidtableid").val(divid);
		    alert("val 2:" + $("#hidtableid").val());
		}
		$("body").on("click","#login-denglu",function(){
	        $("#__w_l_h_v_c_z_e_r_o_divid").hide(); 
		});
	</script>

</body>
</html>